<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>志愿者服务</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <!--    <link href="css/bootstrap.min.css" rel="stylesheet">-->
    <!--    <link href="css/index.css" rel="stylesheet">-->
    <!--    <script src="js/jquery-3.2.1.min.js"></script>-->
    <!--    <script src="js/bootstrap.min.js"></script>-->

    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}" media="all">
    <link rel="stylesheet" th:href="@{/bootstrap/css/index.css}">
    <script th:src="@{/bootstrap/js/jquery-3.2.1.min.js}" charset="UTF-8"></script>
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>

    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"  media="all">
    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            // 给删除的a标签绑定单击事件，用于删除的确认提示操作
            $("a.deleteClass").click(function () {
                // 在事件的function函数中，有一个this对象。这个this对象，是当前正在响应事件的dom对象。
                return confirm("你确定要删除");
                // return false// 阻止元素的默认行为===不提交请求
            });
        });
    </script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="jx_top">
            <img src="/img/2.png" width="30" height="30">急救知识
        </div>
    </div>
    <div class="row" >
        <br />
        <div class="col-md-3" th:each="theory:${theory}">
            <div class="thumbnail">
                <div class="caption">
                    <a th:href="@{/theorydetailback/}+${theory.id}"><p align="center">[[${theory.title}]]</p></a>
                    <a class="deleteClass" th:href="@{/delete/}+${theory.id}"><img src="/img/delete.png" width="30" height="30" alt="..."></a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="jx_top">
            <img src="/img/1.png" width="30" height="30">急救视频
        </div>
    </div>
    <div class="row">
        <br />
        <div class="col-md-3" th:each="videos:${videos}">
            <div class="thumbnail">
                <a th:href="@{${videos.link}}"> <img <img th:src="@{${videos.img}}"  width="200" height="200" alt="..."></a>
                <div class="caption">
                    <a th:href="@{${videos.link}}"><p align="center">[[${videos.title}]]</p></a>
                    <a class="deleteClass" th:href="@{/deletevideo/}+${videos.id}"><img src="/img/delete.png" width="30" height="30" alt="..."></a>
                </div>
            </div>
        </div>
    </div>
    <br>
</div>
</body>
</html>
